<template>
    <div>
        <ul class="info-item" v-for="(tag, i) in tableData" :key="i">
            <h3>SSH{{i+1}}:</h3>
            <li>
                <span class="key">地址：{{tag.ssh_address}}</span>
            </li>
            <li>
                <span class="key">平台：{{tag.ssh_platform}}</span>
            </li>
            <li>
                <span class="key">IP：{{tag.ssh_host}}</span>
            </li>
            <li>
                <span class="key">密码：{{tag.ssh_password}}</span>
            </li>
            <br/>
            <br/>
        </ul>
    </div>
</template>


<script>
    import { getSsh} from '@/api/notebook'
    export default {
        name: "ssh",
        data () {
            return {
                tableData:[],
            };
        },
        async mounted () {
            let res = await getSsh(this.$route.query.id);
            console.log("res:",res)
            if (res && res.data){
                this.tableData = res.data;
            }
        },
    }
</script>

<style scoped>
    .info-item .key{
        font-size: 13px;
    }
</style>
